{% extends 'index.twig' %}
{% set services = app.generic.modelData('Service', '', {}, { sort: 'rank', order: 'ASC' }) %}

{% block extraHead %}
<style>
#content ul { list-style-type: circle; padding-left: 30px; }
</style>
{% endblock %}

{% block content %}
<div id="main-wrapper">
	<div id="main" class="container">
		
		<div class="row">
		
			<!-- Content -->
				<div id="content" class="8u">
					<article>
					
						{% if param == null %}
							{% for itm in services['_data'] %}
								{% if loop.index == 1 %}
									<header>
										<h2>{{ itm.labels|langdata(lang)|raw }}</h2>
									</header>
									<p>{{ itm.content|langdata2(lang)|raw }}</p>
								{% endif %}
							{% endfor %}
						{% else %}
							{% for itm in services['_data'] %}
								{% if param == itm.slug %}
									<header>
										<h2>{{ itm.labels|langdata(lang)|raw }}</h2>
									</header>
									<p>{{ itm.content|langdata2(lang)|raw }}</p>
								{% endif %}
							{% endfor %}
						{% endif %}
						
						<div>&nbsp;</div>
						<hr />
						<h5 style="padding-bottom: 10px;">Documents for client download</h5>
						{% set data = app.generic.modelData('Asset', 'entity.parentId = :v1', {'v1' : 621}, { sort: 'rank', order: 'ASC' }) %}
						{% for itm in data['_data'] %}
							<a href="/assets/download/{{ itm['id'] }}/" style="float: left; margin-right: 20px; font-size: 12px;">
								<img src="/assets/image/{{ itm['id'] }}/100/" />
								<div style="margin-top: -10px;">{{ itm['name']|replace({ '.pdf': '' }) }}</div>
							</a>
						{% endfor %}
						
						
					</article>
				</div>
			
			<!-- Sidebar -->
				<div id="sidebar" class="4u">

					<section>
						<header>
							<h2>{{ page.labels|langdata(lang)|raw }}</h2>
						</header>
						<ul class="style1">
							{% for itm in services['_data'] %}
								<li><a href="/{{ lang }}/services/{{ itm.slug }}/">{{ itm.labels|langdata(lang)|raw }}</a></li>
							{% endfor %}
						</ul>
						<a href="/{{ lang }}/contact/" class="button">{{ globals|myGlobal('contact')|langdata(lang)|raw }}</a>
					</section>
					
				</div>
			
		</div>
		
	</div>
</div>
{% endblock %}
